{% extends 'base.html' %}
{% block title %}
    <a class="navbar-brand" href="#"> 添加 {{ staff.username }} 的家庭成员及社会关系信息 </a>
{% endblock %}
{% block content %}
<div class="content">
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-12">
				<div class="card">
					<form id="allInputsFormValidation" class="form-horizontal"  method="post" >
						<div class="content">
							<h4 class="title"> 添加 {{ staff.username }} 的家庭成员及社会关系信息</h4>

							<fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">关系<span style="color:red">*</span></label>
									<div class="col-sm-10" style="margin-top: 10px">
                                            <input type="radio" data-toggle="radio" name="relation" value="父亲" checked="">父亲
											<input type="radio" data-toggle="radio" name="relation" value="母亲">母亲
											<input type="radio" data-toggle="radio" name="relation" value="配偶">配偶

									</div>
								</div>
							</fieldset>

							<fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										姓名<span style="color:red">*</span>
									</label>
									<div class="col-sm-6">
										<input class="form-control" type="text" name="name" aria-required="true" autocomplete="off">
									</div>
								</div>
							</fieldset>

							<fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										单位名称
									</label>
									<div class="col-sm-6">
										<input class="form-control" type="text" name="company" aria-required="true" autocomplete="off">
									</div>
								</div>
							</fieldset>

							<fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										职位
									</label>
									<div class="col-sm-6">
										<input class="form-control" type="text" name="position" aria-required="true" autocomplete="off">
									</div>
								</div>
							</fieldset>

							<fieldset>
								<div class="form-group">
									<label class="col-sm-2 control-label">
										手机号
									</label>
									<div class="col-sm-6">
										<input class="form-control" type="text" name="phone"  oninput="value = value.replace(/[^\d|xX]/g,'')" maxlength="11" autocomplete="off">
									</div>
								</div>
							</fieldset>

						</div>
						<div class="card-footer text-center">
							<input type="submit" name="submit" class="btn btn-info btn-fill" value="提交">
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
{% endblock %}